// mod variables
$mod-base-size: 14px !default
$mod-link-color: $grey !default
$mod-link-hover-color: false !default

// tag variables
$tag-background-color-hover: findColorInvert($background) !default
$tag-color-hover: findColorInvert($text) !default

// other variables
$a-ccc-color: $grey !default

li.navbar-item
  transition: all 0.4s ease 0s
  &:hover
    background-color: $navbar-item-hover-background-color
  a
    transition: all 0.4s ease 0s
    color: $navbar-item-color
    &:hover
      color: $navbar-item-hover-color

// +form($navbar-breakpoint)
+desktop
  .navbar-dropdown
    top: $navbar-height
    .navbar-item:hover
      background-color: $navbar-dropdown-item-hover-background-color
      color: $navbar-dropdown-item-hover-color
    .navbar-item.is-active
      background-color: $navbar-dropdown-item-active-background-color
      color: $navbar-dropdown-item-active-color
  li.navbar-item
    transition: all 0.4s ease 0s
    &.has-dropdown
      padding: 0.5rem 0.75rem
      align-items: center

// +until($navbar-breakpoint)
+touch
  .navbar-dropdown
    font-size: inherit
  li.navbar-item
    padding: 0

    a
      padding: 0.5rem 0.75rem
      display: block

    a:hover
      background-color: $navbar-dropdown-item-hover-background-color
      transition: background 0.3s ease 0s

.tags a.tag
  border: none
  &:hover
    color: $tag-color-hover
    background-color: $tag-background-color-hover
    text-decoration: none

a.tag + .c-help
  display: none

.meta-style .meta-item+.meta-item::before
  padding: 0 .25em
  color: inherit
  content: "/ "

// helpers
.is-paddinglessY
  padding-top: 0 !important
  padding-bottom: 0 !important

.img-wrap
  line-height: 0

=nowrap
  white-space: nowrap
  overflow: hidden
  text-overflow: ellipsis

=text-ellipsis
  white-space: nowrap
  overflow: hidden
  text-overflow: ellipsis

=hr-bottom
  border-bottom: 1px solid #eee

.hr-bottom
  +hr-bottom

// font
// .is-px-14
//   font-size: 14px
@for $i from 12 through 18
  .is-px-#{$i}
    font-size: #{$i}px

// a

a
  transition: all 0.4s ease 0s
  border-bottom: 1px solid transparent
  &:hover
    border-bottom-color: currentColor

=a-noborder
  border-bottom-color: transparent

a.noborder:hover,
.noborder a:hover
  +a-noborder

a.a-color, .a-color a
  color: #000
  &:hover
    color: #111

=a-ccc
  color: $a-ccc-color
  border-bottom-style: solid
  border-bottom-color: $grey-light
  border-bottom-width: 1px

  &:hover
    color: $grey-darker
    border-bottom-color: $grey

a.a-ccc, .a-ccc a
  +a-ccc

a.a-shadow:hover, .a-shadow a:hover
  text-shadow: 0 0 1px

// cursor

.c-default
  cursor: default

.c-crosshair
  cursor: crosshair

.c-help
  cursor: help

.c-wait
  cursor: wait

// layout
.is-height-100
  height: 100%

.tabs-content > *
  display: none
  &.is-active
    display: block
  ul li
    font-size: $mod-base-size
    +nowrap
    a
      color: $mod-link-color
      &:hover
        color: $mod-link-hover-color

// .li-nowrap
//   a
//     display: inline-block
//   &,&>a
//     +text-ellipsis
